page {
	background: #f4f4f4;
	box-sizing: border-box;
}

view,
navigator {
	box-sizing: border-box;
}

.form-wrap {
	background: #ffffff;
	border-radius: 10rpx;
	display: flex;
	flex-direction: column;

	&:nth-child(n + 2) {
		margin-top: 30rpx;
	}

	.form-item {
		display: flex;
		flex-direction: column;
		padding: 30rpx 24rpx;
		&:nth-child(n + 2) {
			border-top: 1px solid #f4f4f4;
		}

		.form-content {
			display: flex;
			align-items: center;

			.label {
				font-family:
					PingFangSC,
					PingFang SC;
				font-weight: 400;
				font-size: 30rpx;
				color: #484a59;
				line-height: 38rpx;
				text-align: left;
				font-style: normal;
			}

			.value {
				flex: 1;
				display: flex;
				align-items: center;
			}

			.suffix {
				display: flex;
				align-items: center;
				.arrow {
					width: 40rpx;
					height: 40rpx;
				}
			}
		}
	}
}

.btn-content {
	position: fixed;
	width: 750rpx;
	bottom: 0;
	left: 0;
	background: #ffffff;
	border-top: 1px solid #dddddd;
	display: flex;
	align-items: center;
	padding: 24rpx 24rpx calc(24rpx + env(safe-area-inset-bottom));

	.u-button {
		&.u-button--primary {
			width: 400rpx;
			flex-shrink: 0;
		}

		&:nth-child(n + 2) {
			margin-left: 24rpx;
		}
	}
}
